{% extends "base.html" %}
{% block content %}


<div class="grid_6">
  <a href="/pages/tour.html"
     ><img src="/images/home_goblin.png"
           alt="Goblin holding screenshot" /></a>
</div>
<div class="grid_10">

  <p class="promo_paragraph">
  MediaGoblin is a free software media publishing platform that anyone
  can run.  You can think of it as a decentralized alternative to
  Flickr, YouTube, SoundCloud, etc.  It's also:
  </p>
  <ul class="feature_bullets">
    <!-- Why yes there are a couple of commented out bits here.
         We'll be uncommenting them in upcoming releases. ;) -->
    <li class="play_bullet">The perfect tool to <b>show and share your media!</b></li>
    <li class="world_bullet">Building tools to empower the world through <b>decentralization!</b><!-- and <b>federation!</b>--></li>
    <li class="extensibility_bullet">Built for <b>extensibility</b>.  Multiple media types, including video support!</li>
    <li class="freedom_bullet">Part of the <a href="http://gnu.org/">GNU project</a> and devoted to <b>user freedom</b>.</li>
    <li class="community_bullet">Powered by a community of <b>people like you</b>.</li>
  </ul>
  <p>Learn more about these features by <a href="/pages/tour.html">taking the tour →</a></p>
  <!-- <p class="campaign_link"><a href="/pages/campaign.html"><img src="/images/campaign/gavroche_cropped.png" alt="Gavroche says support MediaGoblin!" /></a><a class="campaign_link_link" href="/pages/campaign.html">We're currently running a campaign to support MediaGoblin! Check it out here →</a></p> -->
</div>

<div class="clear"></div>

<div class="grid_16 call_to_action">
  <h1>Get started with the latest MediaGoblin release:</h1>
</div>

<div class="clear"></div>

<div class="grid_5">
  <h2>Run it</h2>
  <p>Learn more about running your own instance of MediaGoblin.</p>
  <p>Check out our step-by-step <a href="http://docs.mediagoblin.org/">guide to installing MediaGoblin</a> on your own server.</p>
</div>

<div class="grid_5">
  <h2>Use it</h2>
  <p>Get started using Mediagoblin with an existing community.</p>
  <p><a href="https://wiki.mediagoblin.org/Live_instances">Find sites already running MediaGoblin</a>.</p>
</div>

<div class="grid_1 connector">
  &amp;
</div>

<div class="grid_5">
  <h2>Join us</h2>

  <p>MediaGoblin is built by a vibrant and friendly community of people like you!</p>
  <p>Learn more about <a href="/pages/join.html">getting involved</a> or <a href="https://wiki.mediagoblin.org/HackingHowto">setting up a local instance for development</a>!</p>
</div>

<div class="clear"></div>

<div class="grid_8">
  <h3>Latest blog headlines</h3>
  <p><a href="http://mediagoblin.org/news/index.xml"><img class="icon_feed" src="/images/icon_feed.png" alt="Feed icon" /></a>Add the <a href="http://mediagoblin.org/news/index.xml">feed</a> to receive these automatically.</p>
    {% for article in articles_page.object_list %}
        {% if loop.length > 0 and loop.index <= 5 %}
            <article>
                <li>
                    <a href="/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">
                                   {{ article.title }}
                    </a>
                </li>
            </article>
        {% endif %}
    {% endfor %}
</div>

<div class="grid_8">
  <h3>Stay in touch!</h3>
  <p>There are many ways to stay in touch with mediagoblin:</p>
  <ul>
    <li>Follow and talk to us on <a href="http://identi.ca/mediagoblin/">Identi.ca</a> and <a href="https://joindiaspora.com/u/mediagoblin">Diaspora</a></li>
    <li>Subscribe to our <a href="http://lists.mediagoblin.org/listinfo/devel">mailing list</a></li>
    <li>Add the blog's <a href="http://mediagoblin.org/news/index.xml">RSS feed</a></li>
    <li>Join us <a href="/pages/join.html#irc">on IRC</a>:<br />
      #mediagoblin on irc.freenode.net
    </li>
  </ul>
</div>
{% endblock content %}
